<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<head>
 		<link rel="stylesheet" type="text/css" href="/css/reset.css" />
      <link rel="stylesheet" type="text/css" href="/css/style_member.css" />
      <%@include file="artOne/common/mjs.jsp"%>
      <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="100482735" data-redirecturi="http://befamousstore.com/" charset="utf-8" data-callback="true"></script>
      <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=1798848182" type="text/javascript" charset="utf-8"></script>
      
    <title>会员注册-笔飞美术作品</title>
</head>
<body>
<div id="box">
     <%@include file="artOne/common/header.jsp" %>
    
    <div id="main_div">
        <div class="site_map"><a href="/welcome.htm">首页</a> 》会员注册</div>
        
        <div id="member_div_1">
	        <div class="user_form_box box">
		        <div class="hd"><h3></h3><div class="extra"></div></div>
		        <div class="bd">
	            <div class="user_form_wrapper clearfix" id="user_form_wrapper">
                <form method="post" action="registerOn.htm" class="user_form" id="user_reg">
	                <h2>注册新会员</h2>
	                <div class="req"><b>*</b> 为必填项</div>
	                <label for="email_reg"><b><span class="req">*</span>E-mail：</b>
		                <input type="text" name="email" id="email_reg"/>
	                </label>
	                <div class="label"><b><span class="req">*</span>用户名：</b>
		                <input type="text" name="nickname" id="username_reg"/>
		                <select name="show_data" tabindex="10" id="show_data">
			                <option value="1">公开</option>
			                <option value="0">匿名</option>
		                </select>
	                </div>
	                <label for="password"><b><span class="req">*</span>密码：</b>
		                <input type="password" name="password" id="password_reg"/>
	                </label>
	                <label for="confirm_password"><b><span class="req">*</span>确认密码：</b>
		                <input type="password" name="confirm_password" id="password_c_reg"/>
	                </label>
	                <label for="agreement"><b>&nbsp;</b>
		                <input type="checkbox" name="agreement" value="1" checked="checked" id="agreement"/>
		                <em>我已看过并接受<a href="#" id="agr_link">《用户协议》</a></em>
	                </label>
	                <label for="email_reg2"><b>&nbsp;</b>
	                    <p><strong>为了您的账号安全，请及时进行邮箱验证。</strong></p>
		                <span class="fl mt20">
		                    <input type="radio" name="agreement2" value="1" checked="checked" id="Radio1"/> 立即验证　
		                    <input type="radio" name="agreement2" value="2" id="Radio2"/> 以后验证
		                </span>
	                </label>
	                <div class="submit_wrap fl">
		                <input type="submit" name="Submit" value="注册" class="submit btn_special btn_register"/>
		                <input type="hidden" name="act" value="act_register"/>
                        <input name="yaoqing_id" type="hidden" value="0" />
		                <input type="hidden" name="back_act" value=""/>
	                </div>
                </form>
                <div class="extra">
	                <h2>立即登录</h2>
	                <div class="extra_div">
	                    <p>如果您已经拥有本站账号，可以直接登录。</p>
	                    <p class="mt20"><a href="/login.htm" class="button2"><span></span></a></p>
	                    <div class="hzwzdl">
	                        <h3>合作网站登陆</h3>
	                        <a id="wb_connect_btn" style="margin-left: 16px;"> <wb:login-button type="4,4" onlogin="login" onlogout="logout">登录按钮</wb:login-button></a><a id="qq_login_btn"></a> 
	                    </div>
	                </div>
                </div>
                </div>
	            </div>
	        </div>

        </div>
       	 <%@include file="artOne/common/footer.jsp" %>
    </div>
    
    
</div>
	
<script type="text/javascript">
			validRegister();
			$('#show_register_extra').click(function(){
				$(this).parent().hide();
				$('#register_extra_field').show();
				return false;
			});
</script>


<script type="text/javascript">
WB2.anyWhere(function(W){
    W.widget.connectButton({
        id: "wb_connect_btn",	
        type:"4,4",
        callback : {
            login:function(o){	//登录后的回调函数
				 // alert("1: "+o.screen_name) 
            	// alert("1: "+o.bmiddle_pic) 
            	 //alert("1: "+o.id) 
            	$.post("/sinalogin.htm", {
         			sinaName:o.screen_name,
         			sinaId:o.id
         		}, function(data){
         			     //alert(data);
         			if(data=='true'){
						window.location.href="/outRegister.htm";
					 }else if(data=='false'){
						 window.location.href="/member.htm";
					}
				});
            },	
            logout:function(){	//退出后的回调函数
            	window.location.href="/welcome.htm"
            }
        }
    });
});
	 	//调用QC.Login方法，指定btnId参数将按钮绑定在容器节点中 
				QC.Login({ 
				    //btnId：插入按钮的节点id，必选 
				    btnId:"qq_login_btn",   
				    //用户需要确认的scope授权项，可选，默认all 
				    scope:"all", 
				    //按钮尺寸，可用值[A_XL| A_L| A_M| A_S|  B_M| B_S| C_S]，可选，默认B_S 
				    size: "B_S" 
				}, function(reqData, opts){//登录成功 
		    	//根据返回数据，更换按钮显示状态方法 
			    var dom = document.getElementById(opts['btnId']), 
			    _logoutTemplate=[ 
		         //头像 
		         '<span><img src="{figureurl}" class="{size_key}"/></span>', 
		         //昵称 
		         '<span>{nickname}</span>', 
		         //退出 
		         '<span><a href="javascript:QC.Login.signOut();">退出</a></span>'   
		                  ].join(""); 
		    	 dom && (dom.innerHTML = QC.String.format(_logoutTemplate, { 
				        nickname : QC.String.escHTML(reqData.nickname), 
				        figureurl : reqData.figureurl 
		           })); 
		    	 $.post("/qqlogin.htm", {
	         			qqName:QC.String.escHTML(reqData.nickname),
	         			qqfigureurl: reqData.figureurl 
	         		}, function(data){
	         			if(data=='true'){
							window.location.href="/outRegister.htm";
						 } else if(data=='false'){
							 window.location.href="/member.htm";
						} 
					});
		}, function(opts){//注销成功 
				window.location.href="/welcome.htm"
		        } 
		); 
</script> 
</body>
</html>
